﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="language" content="english">
    <meta name="description" content="Quill is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture and expressive API.">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@quilljs">
    <meta name="twitter:title" content="Full Editor - Quill"> 
    <meta name="twitter:description" content="Quill is a free, open source rich text editor built for the modern web.">
    <meta name="twitter:image" content="http://quilljs.com/assets/images/brand-asset.png">
    <title>编写周报</title>

    <!-- BOOTSTRAP STYLES-->
    <link href="/assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONTAWESOME STYLES-->
    <link href="/assets/css/font-awesome.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="/assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="/assets/css/custom.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
	<link rel="canonical" href="https://quilljs.com/standalone/full/">
	<link type="application/atom+xml" rel="alternate" href="https://quilljs.com/feed.xml" title="Quill - Your powerful rich text editor" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
	<link rel="stylesheet" href="/quill/quill.snow.css" />
	<script type="text/javascript" src="/assets/js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="/javascript/write-weekly.js"></script>
    <script type="text/javascript" src="/layer/layer-v2.0/layer/layer.js"></script>
	
	<style>
	  body > #standalone-container {
	    margin: 50px auto;
	    max-width: 720px;
	  }
	  #editor-container {
	    height: 350px;
	  }
	</style>
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">COMPANY NAME</a>
            </div>

            <div class="header-right">

              <a href="message-task.html" class="btn btn-info" title="New Message"><b>30 </b><i class="fa fa-envelope-o fa-2x"></i></a>
                <a href="message-task.html" class="btn btn-primary" title="New Task"><b>40 </b><i class="fa fa-bars fa-2x"></i></a>
                <a href="/login.html" class="btn btn-danger" title="Logout"><i class="fa fa-exclamation-circle fa-2x"></i></a>


            </div>
        </nav>
        <!-- /. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <div class="user-img-div">
                            <img src="/assets/img/user.png" class="img-thumbnail" />

                            <div class="inner-text">
                                Jhon Deo Alex
                            <br />
                                <small>Last Login : 2 Weeks Ago </small>
                            </div>
                        </div>

                    </li>


                    
                    <li>
                        <a href="/login.html"><i class="fa fa-sign-in "></i>Login Page</a>
                    </li>
                    
                    <li>
                        <a href="#"><i class="fa fa-sitemap "></i>Weekly <span class="fa arrow"></span></a>
                         <ul class="nav nav-second-level">
                            <li>
                                <a href="/summary/my-weekly.html"><i class="fa fa-bicycle "></i>my-weekly</a>
                            </li>
                            <li>
                                <a href="/summary/write-weekly.html"><i class="fa fa-square-o "></i>Write-weekly Page</a>
                            </li>
                            <li>
                                <a href="/summary/all-weekly.html"><i class="fa fa-square-o "></i>All-weekly Page</a>
                            </li>
                        </ul>
                    </li>
                   
                </ul>
            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper">
            
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-head-line">编写周报</h1>
                   </div>
                </div>
                <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-12">
		               <div id="standalone-container">
						  <div id="toolbar-container">
						    <span class="ql-formats">
						      <select class="ql-font"></select>
						      <select class="ql-size"></select>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-bold"></button>
						      <button class="ql-italic"></button>
						      <button class="ql-underline"></button>
						      <button class="ql-strike"></button>
						    </span>
						    <span class="ql-formats">
						      <select class="ql-color"></select>
						      <select class="ql-background"></select>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-script" value="sub"></button>
						      <button class="ql-script" value="super"></button>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-header" value="1"></button>
						      <button class="ql-header" value="2"></button>
						      <button class="ql-blockquote"></button>
						      <button class="ql-code-block"></button>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-list" value="ordered"></button>
						      <button class="ql-list" value="bullet"></button>
						      <button class="ql-indent" value="-1"></button>
						      <button class="ql-indent" value="+1"></button>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-direction" value="rtl"></button>
						      <select class="ql-align"></select>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-link"></button>
						      <button class="ql-image"></button>
						      <button class="ql-video"></button>
						      <button class="ql-formula"></button>
						    </span>
						    <span class="ql-formats">
						      <button class="ql-clean"></button>
						    </span>
						  </div>
						  <div id="editor-container"></div>
					   </div>
					</div>
				</div>
				 <div class="clearfix visible-xs-block"></div>
				<div class="row">
                    <div class="col-md-12 ">
					  <input style="" type="button" class="btn btn-info "  id="btn" value="保存"/>
					  <div id="msg1"></div>
				    </div>
			     </div>
			     
				
				<script src="/quill/quill.min.js"></script>
				
				<script>
				  var quill = new Quill('#editor-container', {
				    modules: {
				      formula: true,
				      syntax: true,
				      toolbar: '#toolbar-container'
				    },
				    placeholder: '点击此处开始编写周报...',
				    theme: 'snow'
				  });
				</script>


            </div>
            <!-- /. PAGE INNER  -->
        
        <!-- /. PAGE WRAPPER  -->
    </div>
    <!-- /. WRAPPER  -->
    <div id="footer-sec">
        &copy; 2018 XinQuShi | NEW <a href="http://new.xinqushi.net/" target="_blank" title="member">会员管理系统 </a> 
    </div>
    <!-- /. FOOTER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="/assets/js/jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP SCRIPTS -->
    <script src="/assets/js/bootstrap.js"></script>
    <!-- METISMENU SCRIPTS -->
    <script src="/assets/js/jquery.metisMenu.js"></script>
    <!-- CUSTOM SCRIPTS -->
    <script src="/assets/js/custom.js"></script>


</body>
</html>
